<template>
  <div class="cooperation">
    <div class="cooperation-img">
      <div class="cooperation-img-text">
        <div class="cooperation-img-text-con">
          <div class="cooperation-img-text-con-text">
            <router-link to="/" tag="a">首页</router-link> >
            <span>合作企业</span>
          </div>
          <div class="cooperation-img-text-con-con">
            <span class="cooperation-img-text-con-con-span"> </span>
            <span class="cooperation-img-text-con-con-spana"> </span>
          </div>
        </div>
      </div>
    </div>
    <div class="cooperation-con">
        <img src="https://itdahua.com/upload/default/20210602/a3f26fd5bb4ad5c89573a9bfea7215c5.jpg" alt="">
    </div>
  </div>
</template>
<style scoped lang="scss">
.cooperation {
  width: 100%;
  height: 100%;
  .cooperation-img {
    width: 100%;
    height: 475px;
    background: url('https://itdahua.com/img/banner.aa6b81de.png') no-repeat;
    background-size: cover;
    background-position: 50%;

    .cooperation-img-text {
      margin: 0 auto;
      width: 1200px;
      height: 100%;
      position: relative;
      //   background: red;
    }
    .cooperation-img-text-con {
      width: 100%;
      height: 120px;
      position: absolute;
      bottom: 0;
      left: 0;
      background: #fff;
      z-index: 1000;
      font-size: 12px;
      .cooperation-img-text-con-text {
        margin-top: 40px;
        margin-left: 50px;
        span {
          font-weight: 700;
        }
      }
      .cooperation-img-text-con-con {
        width: 185px;
        height: 4px;
        //   background: red;
        margin-left: 47px;
        margin-top: 20px;
        .cooperation-img-text-con-con-span {
          width: 65px;
          height: 4px;
          background: #4dc1e9;
          display: inline-block;
        }
        .cooperation-img-text-con-con-spana {
          width: 120px;
          height: 4px;
          background: #348bcc;
          display: inline-block;
        }
      }
    }

  }
  .cooperation-con{
      width: 1200px;
      height: 500px;
      margin: 0 auto;
      background: #fff;
    //   background: red;
      img{
          width: 90%;
          height: 90%;
          margin-top: 2%;
          margin-left: 5%;
      }
  }
}
a {
  text-decoration: none;
  color: inherit;
  font-weight: 700;
  color: #999;
}
</style>